﻿@{
    Layout = null;
    var subscribed = ViewBag.Subscribed;
}
<!DOCTYPE html>
<html>
    <head>
        <title>MiniSched</title>
        <!-- Description, Keywords and Author -->
        <meta name="description" content="MiniSched is scheduling for your ministry.">
        <meta name="keywords" content="ministry,church,mass,schedule,scheduling">
        <!--<meta name="author" content="ResponsiveWebInc">-->

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>

        <link href="@Url.Content("~/Static/Themes/Metsoon/css/bootstrap.min.css")" rel="stylesheet">
        <link href="@Url.Content("~/Static/Themes/Metsoon/css/font-awesome.min.css")" rel="stylesheet">
        <link href="@Url.Content("~/Static/Themes/Metsoon/css/jquery.vegas.min.css")" rel="stylesheet">
        <link href="@Url.Content("~/Static/Themes/Metsoon/css/style.css")" rel="stylesheet">
        <link rel="shortcut icon" href="#">
    </head>
    <body>

        <div class="container">
            <header class="text-center">
                <h1><a href="#">MiniSched</a></h1>
                <p>
                    MiniSched will offer <strong>modern scheduling tools</strong> for your church or ministry. It is designed by developers
                    who are active in their own churches and who saw a need for <strong>web-based scheduling tools</strong> that are accessible by the
                    musicians, servers, and ministers that propel daily and weekly services.
                </p>
            </header>

            <!--
            <div id="clock"></div>
            -->

            <div class="subscribe text-center">
                <h2>
                    @if (subscribed) {
                        <strong>Thanks</strong>
                    }
                    else {
                        <text>Join Us <strong>Today</strong></text>
                    }
                </h2>
                <p>
                    @if (subscribed) {
                        <text>We'll let you know when you can create an account.</text>    
                    }
                    else {
                        <text>Sign up to be notified when <strong>MiniSched</strong> goes live.</text>
                    }
                </p>
                <span class="br-red">Calendar Scheduling</span>
                <span class="br-blue">Text and Email Notifications</span>
                <span class="br-green">Easy Substitutions</span>
                <form class="form-inline" role="form" method="post" action="@Url.Action("Subscribe")">
                    <div class="form-group">
                        <input type="email" name="subscriber" class="form-control" placeholder="Type your email" />
                    </div>
                    <button type="submit" class="btn btn-danger">Subscribe</button>
                </form>
            </div>

            <!--
            <div class="social text-center">
                <a href="#" class="br-blue"><i class="fa fa-facebook"></i></a>
                <a href="#" class="br-lblue"><i class="fa fa-twitter"></i></a>
                <a href="#" class="br-orange"><i class="fa fa-google-plus"></i></a>
                <a href="#" class="br-red"><i class="fa fa-pinterest"></i></a>
                <a href="#" class="br-purple"><i class="fa fa-dribbble"></i></a>
            </div>
            -->

            <footer class="text-center">
                <p>&copy; @DateTime.Now.Year <a href="#">MiniSched</a></p>
            </footer>

            <!--
            <div class="contact-slider">
                <div class="slider-button">
                    <a href="#"><i class="fa fa-chevron-left"></i>Contact Us</a>
                </div>

                <div class="slider-content">
                    <h4>Contact Us</h4>
                    <form class="form-inline" role="form">
                        <div class="form-group">
                            <label for="name">Name</label>
                            <input id="name" type="text" class="form-control" placeholder="Enter Your Name">
                        </div>
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="email" id="email" class="form-control" placeholder="Enter Your Email">
                        </div>
                        <div class="form-group">
                            <label for="message">Message</label>
                            <textarea id="message" class="form-control" rows="3"></textarea>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-danger special">Send</button>
                            <button type="submit" class="btn btn-default">Reset</button>
                        </div>
                    </form>

                </div>
            </div>
            -->

        </div>

        <div style="display:none">
            <div data-img-1="@Url.Content("~/Static/Themes/Metsoon/img/1.jpg")"></div>
            <div data-img-2="@Url.Content("~/Static/Themes/Metsoon/img/2.jpg")"></div>
            <div data-img-3="@Url.Content("~/Static/Themes/Metsoon/img/3.jpg")"></div>
            <div data-img-4="@Url.Content("~/Static/Themes/Metsoon/img/4.jpg")"></div>
            <div data-img-overlay="@Url.Content("~/Static/Themes/Metsoon/img/overlay.png")"></div>
        </div>

        <script src="@Url.Content("~/Static/Themes/Metsoon/js/jquery.js")"></script>
        <script src="@Url.Content("~/Static/Themes/Metsoon/js/bootstrap.min.js")"></script>
        <script src="@Url.Content("~/Static/Themes/Metsoon/js/jquery.countdown.min.js")"></script>
        <script src="@Url.Content("~/Static/Themes/Metsoon/js/jquery.vegas.min.js")"></script>
        <script src="@Url.Content("~/Static/Themes/Metsoon/js/respond.min.js")"></script>
        <script src="@Url.Content("~/Static/Themes/Metsoon/js/html5shiv.js")"></script>
        <script src="@Url.Content("~/Static/Themes/Metsoon/js/custom.js")"></script>
    </body>
</html>